document.addEventListener('DOMContentLoaded', function() {
    // 获取菜单按钮和菜单元素
    const menuButton = document.getElementById('mobile-menu-button');
    const mobileMenu = document.querySelector('.mobile-menu');

    // 添加点击事件监听器
    menuButton.addEventListener('click', function() {
        // 切换菜单的显示状态
        mobileMenu.classList.toggle('hidden');
        
        // 添加过渡动画效果
        if (!mobileMenu.classList.contains('hidden')) {
            mobileMenu.classList.add('animate__animated', 'animate__fadeIn');
            mobileMenu.style.animationDuration = '0.3s';
        }
    });

    // 点击页面其他地方关闭菜单
    document.addEventListener('click', function(event) {
        if (!menuButton.contains(event.target) && !mobileMenu.contains(event.target)) {
            mobileMenu.classList.add('hidden');
        }
    });
}); 